<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>an-link | an-ui</title>
    <style>
        html {
            box-sizing: border-box;
        }

        *,
        *:before,
        *:after {
            box-sizing: inherit;
        }

        html:focus {
            outline: none;
        }

        *:focus {
            outline: inherit;
        }
    </style>
    <link rel="stylesheet" href="style.css">
    <script type="module" src="/link/link.js"></script>
    <script type="module" src="/icons/close.js"></script>
</head>

<body>
    <an-link>
        <an-icon-close class="an-icon"></an-icon-close>
        默认
    </an-link>
    <an-link type="primary">主要</an-link>
    <an-link type="success">成功</an-link>
    <an-link type="warning">警告</an-link>
    <an-link type="danger">危险</an-link>

    <br>
    <br>

    <an-link size="small">small 尺寸</an-link>
    <an-link size="large">large 尺寸</an-link>

    <br>
    <br>
    <an-link type="primary" loading>主要</an-link>
    <br>
    <br>

    <!-- <script>
        disabledBtn.addEventListener('click', function () {
            console.log(this)
        })
        loadingBtn.addEventListener('click', function () {
            console.log(this)
        })
        blockBtn.addEventListener('click', function () {
            console.log(this)
        })
    </script> -->
</body>

</html>